// 自定义项目相关颜色
$primary-color: #368CF2; // 主题色
$secondary-color: #EBF3FE;

// 状态相关色
$status-red: #E42F2F;
$status-red-light: #F45656;

$status-yellow: #EDC228;
$status-yellow-light: #F4D156;
 
$status-green: #1CC223;
$status-green-light: #62E768;

// 标签相关色
$label-dynamic: #AA9224;
$label-dynamic-light: #FAF2C9;

$label-news: #2DBC3C;
$label-news-light: #D8F8D6;

$label-tale: #7662EE;
$label-tale-light: #DDD7F4;

//文本色
$text-color: #3E3E3E; // 主文本色
$text-title-color: #121212; // 文本标题色
$text-color-secondary: #8C8C8C; // 文本次要色
$text-color-primary: #2279E0; // 文本蓝

// 阴影
$box-shadow: 0px 2px 20px 0px #0000000A;
$box-shadow-hover: 0px 8px 24px 0px #0000001f;
$box-shadow-secondary: 0px 0px 12px 0px #0000001F;

// 项目通用
$page-background-color: #f8f8f8; // 页面背景
$page-min-width: 1420px; // 页面中心宽

.basePage {
  min-width: $page-min-width;
  min-height: 100vh;
  background: $page-background-color;
}

.basePageBox {
  width: $page-min-width;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 22px;
}

.oneHidden {
  overflow: hidden;  /*超出部分隐藏*/
  white-space: nowrap;  /*禁止换行*/
  text-overflow: ellipsis; /*省略号*/
}
.moreHidden {
  display: -webkit-box; /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
  -webkit-box-orient: vertical; /* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
  text-overflow: ellipsis; /* 可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  overflow : hidden;
  -webkit-line-clamp: 2;
}



// 文本溢出隐藏显示省略号
// 多行文本
  @mixin ellipsis2($line) {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $line;
}

// 单行文本
@mixin ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

